<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <title>dashboard</title>
    <!-- plugins:css -->
    <link rel="stylesheet" href="../../vendors/iconfonts/mdi/css/materialdesignicons.min.css"/>
    <link rel="stylesheet" href="../../vendors/css/vendor.bundle.base.css"/>
    <link rel="stylesheet" href="../../data/styles.css"/>
    <!-- endinject -->
    <!-- inject:css -->
    <link rel="stylesheet" href="../../css/style.css"/>
    <!-- endinject -->
    <link rel="shortcut icon" href="../../images/favicon.png"/>
</head>
<body>
        <!-- partial -->
        <div class="main-panel">
            <div class="content-wrapper">
                <div class="page-header">
                    <h3 class="page-title">
                        <span class="page-title-icon bg-gradient-primary text-white mr-2">
                        <i class="mdi mdi-home"></i>
                        </span>
                        Dashboard
                    </h3>
                    <nav aria-label="breadcrumb">
                        <div id="datetime">
                            <script>
                                setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);
                            </script>
                        </div>
                    </nav>
                </div>
                <div class="row">
                    <div class="col-md-4 stretch-card grid-margin">
                        <div class="card bg-gradient-danger card-img-holder text-white">
                            <div class="card-body">
                                <img src="../../images/dashboard/circle.svg" class="card-img-absolute" alt="circle-image"/>
                                <h4 class="font-weight-normal mb-3">借款申请总数
                                    <i class="mdi mdi-chart-line mdi-24px float-right"></i>
                                </h4>
                                <h2 class="mb-5" th:text="${borrowCount}"></h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 stretch-card grid-margin">
                        <div class="card bg-gradient-info card-img-holder text-white">
                            <div class="card-body">
                                <img src="../../images/dashboard/circle.svg" class="card-img-absolute" alt="circle-image"/>
                                <h4 class="font-weight-normal mb-3">放款总额
                                    <i class="mdi mdi-bookmark-outline mdi-24px float-right"></i>
                                </h4>
                                <h2 class="mb-5" th:text="${approveMoneys}"></h2>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 stretch-card grid-margin">
                        <div class="card bg-gradient-success card-img-holder text-white">
                            <div class="card-body">
                                <img src="../../images/dashboard/circle.svg" class="card-img-absolute" alt="circle-image"/>
                                <h4 class="font-weight-normal mb-3">还款总额
                                    <i class="mdi mdi-diamond mdi-24px float-right"></i>
                                </h4>
                                <h2 class="mb-5" th:text="${money}"></h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 grid-margin">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title">待处理事务</h4>
                                <div class="table-responsive">
                                    <table class="table">
                                        <tr>
                                            <td>
                                                <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                                   onClick="" >待处理贷款申请&emsp;&emsp;(<span class="menu-title" th:text="${borrowCount}"></span>)
                                                </a>
                                            </td>
                                            <td>
                                                <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                                   onClick="" >待复审贷款&emsp;&emsp;(<span class="menu-title" th:text="${secondCount}"></span>)
                                                </a>
                                            </td>
                                            <td>
                                                <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                                   onClick="">待授信贷款&emsp;&emsp;(<span class="menu-title" th:text="${borrowCount}"></span>)
                                                </a>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                                   onClick="">贷款即将到期&emsp;&emsp;&emsp;(<span class="menu-title" th:text="${laterCount}"></span>)
                                                </a>
                                            </td>
                                            <td>
                                                <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                                   onClick="">待放款审批&emsp;&emsp;(<span class="menu-title" th:text="${lendCount}"></span>)
                                                </a>
                                            </td>
                                            <td>
                                                <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                                   onClick="">待处理逾期&emsp;&emsp;(<span class="menu-title" th:text="${overCount}"></span>)
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 grid-margin stretch-card">
                        <div class="card">
                            <div class="card-body">
                                <h4 class="card-title">运营快捷入口</h4>
                                <ul style="list-style: none" >
                                    <li style="display: inline-block">
                                        <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                           onClick="">
                                            <i class="mdi mdi-border-all" style="font-size: 70px"></i>
                                            <p class="menu-title">贷款申请</p>
                                        </a>
                                    </li>
                                    <li style="display: inline-block">
                                        <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                           onClick="">
                                            <i class="mdi mdi-book-open" style="font-size: 70px"></i>
                                            <p class="menu-title">还款登记</p>
                                        </a>
                                    </li>
                                    <li style="display: inline-block">
                                        <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                           onClick="">
                                            <i class="mdi mdi-account-card-details" style="font-size: 70px"></i>
                                            <p class="menu-title">用户管理</p>
                                        </a>
                                    </li>
                                    <li style="display: inline-block">
                                        <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                           onClick="">
                                            <i class="mdi mdi-chart-bar" style="font-size: 70px"></i>
                                            <p class="menu-title">贷款统计</p>
                                        </a>
                                    </li>
                                    <li style="display: inline-block">
                                        <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                           onClick="">
                                            <i class="mdi mdi-crosshairs-gps" style="font-size: 70px"></i>
                                            <p class="menu-title">贷后跟踪</p>
                                        </a>
                                    </li>
                                    <li style="display: inline-block">
                                        <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                           onClick="">
                                            <i class="mdi mdi-book-open-variant" style="font-size: 70px"></i>
                                            <p class="menu-title">文章管理</p>
                                        </a>
                                    </li>
                                    <li style="display: inline-block">
                                        <a class="nav-link" target="Conframe" href="javascript:void(0);"
                                           onClick="">
                                            <i class="mdi mdi-alarm" style="font-size: 70px"></i>
                                            <p class="menu-title">催收管理</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- content-wrapper ends -->
        </div>
        <!-- main-panel ends -->

<!-- plugins:js -->
<script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/laydate/laydate.js"></script>
<script type="text/javascript" src="/layer/layer.js"></script>
<script type="text/javascript" src="/js/echarts.min.js"></script>
<!-- plugins:js -->
<script src="/vendors/js/vendor.bundle.base.js"></script>
<script src="/vendors/js/vendor.bundle.addons.js"></script>
<!-- endinject -->
<!-- Plugin js for this page-->
<!-- End plugin js for this page-->
<!-- inject:js -->
<script src="/js/off-canvas.js"></script>
<script src="/js/misc.js"></script>
<!-- endinject -->
<!-- Custom js for this page-->
<script src="/js/dashboard.js"></script>
<script type="text/javascript">

</script>

</body>

</html>
